<!DOCTYPE HTML>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=yes" />
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title></title>	
			
		<script type="text/javascript" charset="utf-8" src="jquery.js"></script>
		<script type="text/javascript" src="jquery.mobile-1.1.0.min.js"></script>
		<script type="text/javascript" src="jsrender.js"></script>
		<script type="text/javascript" src="jquery.form.js"></script>
		
		<link href="jquery.mobile-1.1.0.min.css" rel="stylesheet" />
		<link href="css/file-upload.css" rel="stylesheet" />
		<style type="text/css">
			.ui-header .ui-title { overflow: visible !important;  white-space: normal !important;  }
			#advertiser_info img {width: 99%;}
		</style>

	</head>
	<body >
	
		<script id="node_tpl" type="text/x-jsrender">
			<a href="javascript:showItem({{>id}})">
				<img src="{{>thumbnail_url}}" />
				<h3>{{>title}}</h3>
				<p>{{>date}}</p>
				<p>{{>short_description}}</p>
			</a>
		</script>
		
		<script id="node_detail_tpl" type="text/x-jsrender">
			<div style="font-weight:bold;text-align:left;">{{>date}}</div>
			<h2>{{>title}}</h2>
			<img alt="" src="{{>image_url}}" style="max-width: 100%;max-height: 220px;" >
			<div id="item_description" style="text-align:left;">{{>date}}</div>
		</script>			
		
		<div data-role="page" id="home_page">
			<div data-role="header">				
				<h1 class="ui-title" role="heading" aria-level="1">PhongCachMobile</h1>
				<a href="#about_page" data-icon="gear" class="ui-btn-right">About</a>		
			</div>
		
			<div data-role="content" >		
				<h3 style="text-align: center; color: red; ">Thông tin khuyến mãi</h3>
				
				<p style="text-align: center;" id="items_loader" ><img  alt="Loading..." src="loader.gif" ></p>
				<p style="text-align: center;color: red;font-weight: bold;" id="item_count_holder">Có <span id="new_item_count">0</span> sản phẩm</p>
				<ul data-role="listview" id="promotion_items"></ul>
			</div>
		</div>	
		
		<div data-role="page" id="detail_page">
			<div data-role="header">
				<a href="#home_page" data-icon="gear" class="ui-btn-left">Back</a>				
				<h1 class="ui-title" role="heading" aria-level="1">PhongCachMobile</h1>				
			</div>		
			<div data-role="content">		
				<div style="text-align: center;width: 100%" id="promotion_item_detail">					
				</div>
			</div>
		</div>
		
		<div data-role="page" id="about_page">
			<div data-role="header">
				<a href="#home_page" data-icon="gear" class="ui-btn-left">Back</a>				
				<h1 class="ui-title" role="heading" aria-level="1">PhongCachMobile</h1>				
			</div>		
			<div data-role="content">		
				<div style="text-align: center;width: 100%">					
					<img alt="" src="images/logo_pcmobiles.gif" />					
					<div id="advertiser_info"></div>
				</div>				
			</div>							
		</div>	
		
	</body>
	
	<script type="text/javascript" src="js/mc2ads.js"></script>
</html>